<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>字符串：{{name}} - {{{name}}} - {{&name}}</div>
    <div>数字：{{age}} </div>
    <div>计算表达式：{{express}}</div>
    <div>boolean-true：
        <div>{{#isTrue}} 为true显示 {{/isTrue}}</div>
    </div>
    <div>boolean-false：
        <div>{{#isFalse}} 为false显示 {{/isFalse}}</div>
    </div>
    <div>html：{{&html}}</div>
    <div>对象：{{obj.name}} - {{obj.age}}</div>
    <div>数组遍历：
        <ul>
            {{#isArray}}
            <li>{{name}}</li>
            {{/isArray}}
        </ul>
    </div>
    <div>空数组：
        <div>
            {{#empty}}
            <p>test empty</p>
            {{/empty}}
        </div>
    </div>
    <div>
        if else 逻辑：
        <div>
            {{#empty}}
            <p>不为空显示</p>
            {{/empty}} {{^empty}}
            <p>为空显示</p>{{/empty}}
        </div>
    </div>
    <div>字符串数组：
        <div>
            {{#strArr}}
            <p>* {{.}}</p>
            {{/strArr}}
        </div>
    </div>

    {{!这里是注释}}
</body>

</html>